@import "base";
@import "normalize";
@import "variable";
.m_header{
  .header_top{
   background-color: #f4483e;
 }
}
.wrapper_box{
  width: 100%;
  height: 80rem/@base;
  #wrapper{
    overflow: scroll;
   
    .scroll_nav{
      li{
        float: left;
        padding-right: 20rem/@base;
        padding-left: 20rem/@base;
        list-style: none;
        a{
          display: block;
          height: 80rem/@base;
          line-height: 80rem/@base;
          font-size: 18rem/@base;
          padding-left: 10rem/@base;
          padding-right: 10rem/@base;
        }
        &.active a{
          color: #f4483e;
          border-bottom: 1px solid #f4483e;
        }
      }
    }
  }
}
.baicaijia {
 
  .items {
    background-color: #fff;
    height: 300rem/@base;
    .pro_img{
    width: 275rem/@base;
    height: 100%;
    padding: 10rem/@base;
    img{
      width: 100%;
    }
    
    }
    .pro_info{
      height: 100%;
      overflow: hidden;
      padding: 10rem/@base;
      .baoyou{
        font-size: 18rem/@base;
      }

      .quanhou{
        color: #f4483e;
        font-size: 28rem/@base;
        padding: 10rem/@base 0;
        i,em{
          font-size: 18rem/@base;
          font-style: normal;
        }
        del{
          font-size: 18rem/@base;
          color: #a1a8af;
          padding-left: 10rem/@base;
        }
      }

      .progress{

        .bar{
          overflow: hidden;
          padding: 10rem/@base 0;
          i{
            display: block;
            float: left;
            width: 165rem/@base;
            height: 24rem/@base;
            border: 1px solid #f4483e;
            border-radius: 1000px;
            margin-top: 5rem/@base;
            position: relative;
            background-color: #ffb7b7;
            em{
              display: block;
              height: 100%;
              position: absolute;
              top: 0;
              left: 0;
              border-radius:1000px;
              background-color: #f4483e; 
            }
            span{
              font-size: 18rem/@base;
              color: #fff;
              position: relative;
              left: 20%;
              top: -50%;
            }
          }
          b{
            color: #f4483e;
            font-weight: 400;
            padding-left: 20rem/@base;
            float: left;
            font-size: 24rem/@base;
          }
        }
      }
      .lingquan{
        height: 50rem/@base;
        width: 215rem/@base;
        border: 1px dashed #f4483e;
        float: left;
        margin-top: 10rem/@base;
        a{
          display: block;
          line-height: 48rem/@base;
          text-align: center;
          color: #f4483e;
          font-size: 24rem/@base;
        }
      }
      .link{
        width: 115rem/@base;
        height: 55rem/@base;
        background-color: #f4483e;
        border-radius: 10rem/@base;
        float: right;
        margin-top: 10rem/@base;
        a{
          display: block;
          color: #fff;
          line-height: 55rem/@base;
          text-align: center;
        }
      }
    }

  }
}